<!--
author: W3layouts
author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <title>我的简历</title>
    <!-- for-mobile-apps -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="keywords" content="Classy Resume Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
Smartphone Compatible web template, free web designs for Nokia, Samsung, LG, SonyEricsson, Motorola web design"/>
    <script type="application/x-javascript"> addEventListener("load", function () {
        setTimeout(hideURLbar, 0);
    }, false);
    function hideURLbar() {
        window.scrollTo(0, 1);
    } </script>
    <!-- //for-mobile-apps -->
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all"/>
    <link href="css/style.css" rel="stylesheet" type="text/css" media="all"/>
    <!-- gallery -->
    <link type="text/css" rel="stylesheet" href="css/cm-overlay.css"/>

    <!-- //gallery -->
    <!-- font-awesome icons -->
    <link href="css/font-awesome.css" rel="stylesheet">

    <!-- //font-awesome icons -->
    <link href="//fonts.googleapis.com/css?family=Gidugu" rel="stylesheet">
    <link href='//fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic'
          rel='stylesheet' type='text/css'>

</head>

<body>
<div class="main" id="home">
    <!-- banner -->
    <div class="banner">
        <!--Slider-->
        <img src="images/my-qq-backlog.png" alt=" " class="img-responsive">
        <h2>周晶</h2>
        <span>您身边的软件专家/全栈</span>
        <div class="callbacks_container">
            <ul class="rslides" id="slider3">
                <li>
                    <div class="slider-info">
                        <p>大型企业、创业系统开发及架构经验</p>
                    </div>
                </li>
                <li>
                    <div class="slider-info">
                        <p>为您定制开发--用最适合的技术解决您的问题</p>
                    </div>
                </li>
                <li>
                    <div class="slider-info">
                        <p>诚信、负责、可靠</p>
                    </div>
                </li>
            </ul>

            <div class="clearfix"></div>
        </div>
        <!--//Slider-->
        <ul class="top-links">
            <li><a href="#"><i class="fa fa-facebook"></i></a></li>
            <li><a href="#"><i class="fa fa-twitter"></i></a></li>
            <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
            <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
        </ul>
    </div>
    <!-- //banner -->
</div>
<!-- header -->
<div class="w3_navigation">
    <div class="container">
        <nav class="navbar navbar-default">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                        data-target="#bs-example-navbar-collapse-1">
                    <span class="sr-only">导航</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <div class="logo">
                    <h1><a class="navbar-brand" href="https://shengyu-kmust.github.io/"><span class="one">回到主页</span></a></h1>
                </div>
            </div>

            <!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1">
                <nav class="cl-effect-1" id="cl-effect-1">
                    <ul class="nav navbar-nav">
                        <li class="active"><a class="scroll" href="http://shengyu-kmust.github.io">主页</a></li>
                        <li><a href="#about" class="scroll hvr-bounce-to-bottom">关于我</a></li>
                        <li><a href="#services" class="scroll hvr-bounce-to-bottom">服务</a></li>
                        <li><a href="#education" class="scroll hvr-bounce-to-bottom">技能</a></li>
                        <li><a href="#gallery" class="scroll hvr-bounce-to-bottom">作品</a></li>
                        <li><a href="#mail" class="scroll hvr-bounce-to-bottom">联系我</a></li>
                    </ul>
                </nav>
            </div>
            <!-- /.navbar-collapse -->
        </nav>
    </div>
</div>
</div>
<!-- //header -->
<!-- about -->
<div class="about" id="about">
    <div class="container">
        <h3 class="w3l_head">简介</h3>
        <p class="w3ls_head_para">专于技术-专于业务</p>
        <div class="w3l-grids-about">
            <div class="col-md-5 w3ls-ab-right">
                <div class="agile-about-right-img">
                    <img src="images/zj01.jpg" alt="">
                </div>
            </div>
            <div class="col-md-7 w3ls-agile-left">
                <div class="w3ls-agile-left-info">
                    <h4>职业</h4>
                    <p>软件/IT/互联网</p>
                </div>
                <div class="w3ls-agile-left-info">
                    <h4>姓名</h4>
                    <p>周晶</p>
                </div>
                <div class="w3ls-agile-left-info">
                    <h4>性别</h4>
                    <p>男</p>
                </div>
                <div class="w3ls-agile-left-info">
                    <h4>地址</h4>
                    <p>云南昆明</p>
                </div>
                <div class="w3ls-agile-left-info">
                    <h4>邮箱</h4>
                    <p><a href="mailto:example@email.com">373087455@qq.com</a></p>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<!-- //about-bottom -->
<!-- services -->
<div class="service" id="services">
    <div class="container">

        <h3 class="w3l_head two">我能为您做什么</h3>
        <p class="w3ls_head_para">我能提供的服务</p>
        <div class="service-agileits">

            <div class="col-md-4 list-gds text-center">
                <i class="fa fa-cog" aria-hidden="true"></i>
                <h4>为什么选择我</h4>
                <p>您身边的IT专家</p>
            </div>
            <div class="col-md-4 list-gds text-center">
                <i class="fa fa-laptop" aria-hidden="true"></i>
                <h4>我能做什么</h4>
                <p>企业内部管理系统定制开发、网站开发、微信开发等</p>
            </div>
            <div class="col-md-4 list-gds text-center">
                <i class="fa fa-thumbs-o-up" aria-hidden="true"></i>
                <h4>我的使命</h4>
                <p>用技术让世界变得更便捷</p>
            </div>

            <div class="clearfix"></div>

        </div>
    </div>
</div>
<!-- //services -->
<!-- /education -->
<div class="education" id="education">
    <div class="col-md-6 education-w3l">
        <h3 class="w3l_head three">教育经历</h3>
        <div class="education-agile-grids">
            <div class="education-agile-w3l">
                <div class="education-agile-w3l-year">
                    <h4>2008-2012</h4>
                    <h6>大学</h6>
                </div>
                <div class="education-agile-w3l-info">
                    <h4>昆明理工大学</h4>
                    <p>昆明理工大学计算机科学与技术专业</p>
                </div>
                <div class="clearfix"></div>
            </div>
            <div class="education-agile-w3l two">
                <div class="education-agile-w3l-year">
                    <h4>2005-2008</h4>
                    <h6>高中</h6>
                </div>
                <div class="education-agile-w3l-info">
                    <h4>隆回一中</h4>
                    <p>在湖南省邵阳市隆回县</p>

                </div>
                <div class="clearfix"></div>
            </div>
            <div class="education-agile-w3l">
                <div class="education-agile-w3l-year">
                    <h4>2002-2005</h4>
                    <h6>初中</h6>
                </div>
                <div class="education-agile-w3l-info">
                    <h4>隆回一中</h4>
                    <p>石门乡中学->隆回东兴中学->隆回一中初中部</p>

                </div>
                <div class="clearfix"></div>
            </div>

        </div>
    </div>
    <div class="col-md-6 skills">
        <h3 class="w3l_head two">我的技能</h3>
        <div class="skill-agile">
            <div class='bar_group'>
                <div class='bar_group__bar thin elastic' label='winform' value='300'></div>
                <div class='bar_group__bar thin elastic' label='mvc' value='250'></div>
                <div class='bar_group__bar thin elastic' label='webapi' value='200'></div>
                <div class='bar_group__bar thin elastic' label='html' value='250'></div>
                <div class='bar_group__bar thin elastic' label='css' value='200'></div>
                <div class='bar_group__bar thin elastic' label='js' value='250'></div>
            </div>
        </div>
    </div>
    <div class="clearfix"></div>
</div>
<!-- //education -->
<!-- /experience -->
<div class="education" id="education two">
    <div class="col-md-6 skills two">
        <h3 class="w3l_head two">More Skills</h3>
        <div class="skill-agile">
            <div class="col-sm-4 abt-gd-left text-center">
                <div id="demo-pie-1" class="pie-title-center" data-percent="40"><span class="pie-value"></span></div>
                <h4>nodejs</h4>
            </div>

            <div class="col-sm-4 abt-gd-left text-center">
                <div id="demo-pie-3" class="pie-title-center" data-percent="75"><span class="pie-value"></span></div>
                <h4>angularjs</h4>
            </div>
            <div class="col-sm-4 abt-gd-left text-center">
                <div id="demo-pie-4" class="pie-title-center" data-percent="60"><span class="pie-value"></span></div>
                <h4>bootstrap</h4>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
    <div class="col-md-6 education-w3l">
        <h3 class="w3l_head three">工作经历</h3>
        <div class="education-agile-grids">
            <div class="education-agile-w3l">
                <div class="education-agile-w3l-year">
                    <h4>2016/01 - 至今</h4>
                    <h6>昆明易度电子商务有限公司</h6>
                </div>
                <div class="education-agile-w3l-info">
                    <h4>项目经理/产品经理/技术总监</h4>
                    <p>1、负责公司技术部门的团队建设和管理。
                        2、负责公司产品的前期调研、分析设计、定价、开发、上线交付。
                        3、负责产品的软件业务设计、数据设计、和架构。
                        4、负责和相关部门的联络和协调工作。</p>
                </div>
                <div class="clearfix"></div>
            </div>
            <div class="education-agile-w3l two">
                <div class="education-agile-w3l-year">
                    <h4>2012/07 - 2015/08</h4>
                    <h6>云南白药集团云南省医药有限公司</h6>
                </div>
                <div class="education-agile-w3l-info">
                    <h4>软件研发工程师</h4>
                    <p>工作描述：概况：
                        信息中心客户服务小组组员，小组共两人，另一个是主管，在公司我所做到工作（需求、设计、编码、测试、实施、维护）都由自己独立完成，主管进行审核。
                        具体工作：
                        1、公司内部软件的协助开发，用delphi和asp.net。
                        2、公司连锁药店erp程序，旧系统的维护与二次开发，用delphi。
                        3、负责改版升级原有连锁药店的erp程序。第一次用delphi独立负责重新开发，包括数据库数据结构的重新设计、流程的重新设计和优化、整套程序的重新编写；第二次用.net合作开发，改成多家连锁药店公用一台公司服务器，我作为二次开发的核心成员，负责设计数据库结构和销售流程的制定及其程序开发。
                        4、独立负责合作医院药店（云南省第一人民医院三家药房：昆华大药房、金环大药房、金碧大药房，红会大药房，延安医院安医大药房，曲靖第一人民医院惠滇大药房），公司连锁药店（新特药零售中心北辰店，新特药零售中心呈贡店，新特药零售中心附二院店，新特药零售中心泸西店，新特药零售中心园博店）的系统实施、维护、二次开发、需求跟进、网络设备维护，新系统的设计和编码开发，系统上线（硬件和软件都做），员工培训。
                        6、参与开发合作医院和公司连锁药店的移动收货端程序，以前是开发idata-90上的Microsoft Windows Mobile 6.5应用，后开发android端的销售模块。</p>

                </div>
                <div class="clearfix"></div>
            </div>
            <div class="education-agile-w3l">
                <div class="education-agile-w3l-year">
                    <h4>2011/06 - 2012/05</h4>
                    <h6>云南现代信息物流有限公司</h6>
                </div>
                <div class="education-agile-w3l-info">
                    <h4>实习软件工程师</h4>
                    <p>工作描述：所用技术：java，SSH，javascript，css，html
                        具体工作：负责项目的需求分析、功能设计和代码的编写。</p>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
    <div class="clearfix"></div>
</div>
<!-- //experience -->
<!-- /gallery-->
<div class="portfolio" id="gallery">
    <div class="container">
        <h3 class="w3l_head">我的作品</h3>
        <p class="w3ls_head_para"></p>
        <div class="agileits_portfolio_grids">
            <div class="col-md-4 agileits_portfolio_grid">
                <div class="agileinfo_portfolio_grid hovereffect">
                    <a class="cm-overlay" href="images/1.jpg">
                        <img src="images/project-ydgl-01.png" alt=" " class="img-responsive">
                        <div class="overlay">
                            <h4>药店管理系统</h4>
                        </div>
                    </a>
                </div>
                <div class="agileinfo_portfolio_grid hovereffect">
                    <a class="cm-overlay" href="project-saler-01.png">
                        <img src="images/project-saler-01.png" alt=" " class="img-responsive">
                        <div class="overlay">
                            <h4>云南白药易促销系统</h4>
                        </div>
                    </a>
                </div>
                <div class="agileinfo_portfolio_grid hovereffect">
                    <a class="cm-overlay" href="project-clinic-03.jpg">
                        <img src="images/project-clinic-03.jpg" alt=" " class="img-responsive">
                        <div class="overlay">
                            <h4>中药问诊系统</h4>
                        </div>
                    </a>
                </div>
            </div>
            <div class="col-md-4 agileits_portfolio_grid">
                <div class="agileinfo_portfolio_grid hovereffect">
                    <a class="cm-overlay" href="project-clinic-01.png">
                        <img src="images/project-clinic-01.png" alt=" " class="img-responsive">
                        <div class="overlay">
                            <h4>作品示图</h4>

                        </div>
                    </a>
                </div>
                <div class="agileinfo_portfolio_grid hovereffect">
                    <a class="cm-overlay" href="project-clinic-02.png">
                        <img src="images/project-clinic-02.png" alt=" " class="img-responsive">
                        <div class="overlay">
                            <h4>作品示图</h4>

                        </div>
                    </a>
                </div>
                <div class="agileinfo_portfolio_grid hovereffect">
                    <a class="cm-overlay" href="project-saler-02.png">
                        <img src="images/project-saler-02.png" alt=" " class="img-responsive">
                        <div class="overlay">
                            <h4>作品示图</h4>

                        </div>
                    </a>
                </div>
            </div>
            <div class="col-md-4 agileits_portfolio_grid">
                <div class="agileinfo_portfolio_grid hovereffect">
                    <a class="cm-overlay" href="project-saler-03.png">
                        <img src="images/project-saler-03.png" alt=" " class="img-responsive">
                        <div class="overlay">
                            <h4>作品示图</h4>

                        </div>
                    </a>
                </div>
                <div class="agileinfo_portfolio_grid hovereffect">
                    <a class="cm-overlay" href="project-saler-04.png">
                        <img src="images/project-saler-04.png" alt=" " class="img-responsive">
                        <div class="overlay">
                            <h4>作品示图</h4>

                        </div>
                    </a>
                </div>
                <div class="agileinfo_portfolio_grid hovereffect">
                    <a class="cm-overlay" href="project-saler-06.png">
                        <img src="images/project-saler-06.png" alt=" " class="img-responsive">
                        <div class="overlay">
                            <h4>作品示图</h4>
                        </div>
                    </a>
                </div>
            </div>

            <div class="clearfix"></div>
        </div>
    </div>
</div>
<!-- //gallery -->
<!--counter-->
<div id="counter" class="counter">
    <div class="container">
        <!--count-down -->
        <div class="count">
            <div class="col-md-3 agile_count_grid">
                <span class="glyphicon glyphicon-user" aria-hidden="true"></span>

                <h5>服务客户</h5>

                <p class="counter">8</p>

            </div>
            <div class="col-md-3 agile_count_grid">
                <span class="glyphicon glyphicon-thumbs-up" aria-hidden="true"></span>

                <h5>项目</h5>

                <p class="counter">5</p>

            </div>
            <div class="col-md-3 agile_count_grid c3">
                <span class="glyphicon glyphicon-heart-empty" aria-hidden="true"></span>

                <h5>案例</h5>

                <p class="counter">26</p>

            </div>
            <div class="col-md-3 agile_count_grid c4">
                <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                <h5>代码量</h5>
                <p class="counter"> >十万行 </p>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<!--counter-->
<!-- mail -->
<div class="mail" id="mail">
    <div class="container">
        <h3 class="w3l_head w3l_head1">联系我</h3>
        <p class="w3ls_head_para w3ls_head_para1">请留下您的联系方式</p>
        <div class="w3_mail_grids">
            <form action="#" method="post">
                <div class="col-md-6 w3_agile_mail_grid">
						<span class="input input--ichiro">
							<input class="input__field input__field--ichiro" type="text" id="input-25" placeholder=" "
                                   required="">
							<label class="input__label input__label--ichiro" for="input-25">
								<span class="input__label-content input__label-content--ichiro">您的姓名</span>
							</label>
						</span>
                    <span class="input input--ichiro">
							<input class="input__field input__field--ichiro" type="email" id="input-26" placeholder=" "
                                   required="">
							<label class="input__label input__label--ichiro" for="input-26">
								<span class="input__label-content input__label-content--ichiro">您的邮箱</span>
							</label>
						</span>
                    <span class="input input--ichiro">
							<input class="input__field input__field--ichiro" type="text" id="input-27" placeholder=" "
                                   required="">
							<label class="input__label input__label--ichiro" for="input-27">
								<span class="input__label-content input__label-content--ichiro">您的电话</span>
							</label>
						</span>

                </div>
                <div class="col-md-6 w3_agile_mail_grid">
                    <textarea name="Message" placeholder="请写下您的留言" required=""></textarea>
                    <input type="submit" value="提交">
                </div>
                <div class="clearfix"></div>
            </form>
        </div>
    </div>
</div>

<!-- //mail -->
<!-- footer -->
<div class="w3l_footer">
    <div class="container">

        <div class="w3ls_footer_grids">

            <div class="w3ls_footer_grid">
                <div class="col-md-4 w3ls_footer_grid_left">
                    <div class="w3ls_footer_grid_leftl">
                        <i class="fa fa-map-marker" aria-hidden="true"></i>
                    </div>
                    <div class="w3ls_footer_grid_leftr">
                        <h4>地址</h4>
                        <p>3030 New York, NY, USA</p>
                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="col-md-4 w3ls_footer_grid_left">
                    <div class="w3ls_footer_grid_leftl">
                        <i class="fa fa-envelope" aria-hidden="true"></i>
                    </div>
                    <div class="w3ls_footer_grid_leftr">
                        <h4>邮箱</h4>
                        <a href="373087455@qq.com">373087455@qq.com</a>
                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="col-md-4 w3ls_footer_grid_left">
                    <div class="w3ls_footer_grid_leftl">
                        <i class="fa fa-phone" aria-hidden="true"></i>
                    </div>
                    <div class="w3ls_footer_grid_leftr">
                        <h4>联系我</h4>
                        <p>18687007535</p>
                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
    <div class="w3l_footer_pos">
        <p>© 周晶2017个人资料 <a href="https://shengyu-kmust.github.io/">我的网址</a></p>
    </div>
</div>
<!-- //footer -->
<script src="js/jquery-2.2.3.min.js"></script>
<!-- skills -->
<script src="js/pie-chart.js" type="text/javascript"></script>
<script type="text/javascript">

    $(document).ready(function () {
        $('#demo-pie-1').pieChart({
            barColor: '#44c7f4',
            trackColor: '#fff',
            lineCap: 'round',
            lineWidth: 8,
            onStep: function (from, to, percent) {
                $(this.element).find('.pie-value').text(Math.round(percent) + '%');
            }
        });

        $('#demo-pie-2').pieChart({
            barColor: '#44c7f4',
            trackColor: '#fff',
            lineCap: 'butt',
            lineWidth: 8,
            onStep: function (from, to, percent) {
                $(this.element).find('.pie-value').text(Math.round(percent) + '%');
            }
        });

        $('#demo-pie-3').pieChart({
            barColor: '#44c7f4',
            trackColor: '#fff',
            lineCap: 'square',
            lineWidth: 8,
            onStep: function (from, to, percent) {
                $(this.element).find('.pie-value').text(Math.round(percent) + '%');
            }
        });

        $('#demo-pie-4').pieChart({
            barColor: '#44c7f4',
            trackColor: '#fff',
            lineCap: 'square',
            lineWidth: 8,
            onStep: function (from, to, percent) {
                $(this.element).find('.pie-value').text(Math.round(percent) + '%');
            }
        });
    });
</script>
<!-- skills -->
<script src="js/responsiveslides.min.js"></script>
<script>
    // You can also use "$(window).load(function() {"
    $(function () {
        // Slideshow 4
        $("#slider3").responsiveSlides({
            auto: true,
            pager: true,
            nav: false,
            speed: 500,
            namespace: "callbacks",
            before: function () {
                $('.events').append("<li>before event fired.</li>");
            },
            after: function () {
                $('.events').append("<li>after event fired.</li>");
            }
        });

    });
</script>
<!-- js -->
<script src="js/jquery.tools.min.js"></script>
<script src="js/jquery.mobile.custom.min.js"></script>
<script src="js/jquery.cm-overlay.js"></script>
<script>
    $(document).ready(function () {
        $('.cm-overlay').cmOverlay();
    });
</script>
<!-- js files -->


<script src="js/bars.js"></script>

<!-- start-smoth-scrolling -->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
    jQuery(document).ready(function ($) {
        $(".scroll").click(function (event) {
            event.preventDefault();
            $('html,body').animate({scrollTop: $(this.hash).offset().top}, 1000);
        });
    });
</script>
<!-- start-smoth-scrolling -->

<!-- //js -->
<script src="js/bootstrap.js"></script>
<!-- //for bootstrap working -->
<!-- here stars scrolling icon -->
<script type="text/javascript">
    $(document).ready(function () {
        /*
         var defaults = {
         containerID: 'toTop', // fading element id
         containerHoverID: 'toTopHover', // fading element hover id
         scrollSpeed: 1200,
         easingType: 'linear'
         };
         */

        $().UItoTop({easingType: 'easeOutQuart'});

    });
</script>
<!-- //here ends scrolling icon -->
</body>
</html>